<template>
 
  <div class="top">
    <HeaderIndex />
  </div>
  <BodyIndex />
  <div class="bottom">
    <FooterIndex />
  </div>
</template>
<script>
import HeaderIndex from "./components/HeaderIndex.vue";
import BodyIndex from "./components/BodyIndex.vue";
import FooterIndex from "./components/FooterIndex.vue";

export default {
  components: {
    HeaderIndex,
    BodyIndex,
    FooterIndex,
  },
  setup() {},
};
</script>
<style lang="less" scoped>
.top {
  width: 100%;
  height: 40px;
}
.bottom {
  width: 100%;
  height: 500px;
}
</style>
